<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>库洛游戏招聘</title>
    <link rel="stylesheet" href="kurostyle.css">
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        .w {
            width: 1200px;
            margin: auto;
        }

        li {
            list-style: none;
        }

        .nav ul li {
            float: left;
            display: block;
            line-height: 30px;
        }

        .nav ul li a {
            display: block;
            height: 27px;
            padding: 0 14px;
            font-size: 18px;
            color: #fff;
            text-decoration: none;
        }

        .header {
            width: 1562px;
            height: 30px;
            margin: 0 auto;
            padding: 25px 65px;
            overflow: hidden;
        }

        .logo {
            float: left;
            width: 155.667px;
            height: 30px;
            margin: 0;
        }

        .logo img {
            float: left;
            width: 100%;
            height: 100%;
            object-fit: contain;
            margin: 0 24px 0 0;
        }

        .cover {
            height: 846px;
            background-image: url(kuro\ world.png);
            background-repeat: no-repeat;
            background-position: center -47px;
            background-size: cover;
            overflow: hidden;
        }

        .nav {
            float: left;
            margin-left: 1045.330px;
            height: auto;
            padding: 0;
        }

        .nav a:hover {
            color: rgb(255, 255, 255, 0.6);
        }

        .logo:hover img {
            transform: scale(1.035);
            transition: transform 0.3s ease;
        }

        .intro {
            width: 1692px;
            height: 390px;
            margin: 0 auto;
            padding: 32px 0;
            overflow: hidden;
        }

        .intro2 {
            width: 1200px;
            height: 390px;
            margin: 0 246px;
            overflow: hidden;
        }

        .intro3 {
            width: 399.917px;
            height: 120px;
            margin: 0 auto;
            overflow: hidden;
        }

        .intro4 {
            width: 399.917px;
            height: 72px;
            margin: 0 auto;
            margin-top: 48px;
            text-align: center;
            overflow: hidden;
        }

        .intro4 span {
            display: block;
            font-weight: 800;
            font-size: 48px;
            font-family: Microsoft Yahei;
        }

        .text {
            width: 1199.75px;
            height: 198px;
            margin-top: 28px;
        }

        .intro2 p {
            text-indent: 2em;
            font-size: 18px;
            font-family: Microsoft Yahei;
            margin-top: 18px;
        }

        .product {
            width: 1692px;
            height: 913px;
        }

        .klpro {
            width: 1200px;
            height: 72px;
            margin-bottom: 66px;
        }

        .klpro span {
            display: block;
            font-weight: 800;
            font-size: 48px;
            font-family: Microsoft Yahei;
            text-align: center;
            line-height: 72px;
        }

        .box ul {
            width: 1300px;
        }

        .box ul li {
            float: left;
            width: 381.33px;
            height: 670.5px;
            margin-right: 28px;


        }

        .box ul li img {
            width: 100%;
            border-radius: 8px;
        }

        .box ul li span {
            display: block;
            width: 381.333px;
            height: 60px;
            font: bold 20px Microsoft Yahei;
            display: block;
            margin-top: 30px;

        }

        .box ul li span1 {
            font: 16px Microsoft Yahei;
            display: block;
            margin-top: 30px;
            min-height: 20.667px;
        }

        .box ul li span2 {
            font: 16px Microsoft Yahei;
            display: inline-block;
            margin: 28px 0;
            color: #646a73;
        }

        .box ul li p {
            margin-bottom: 28px;
            color: #646a73;
        }

        .job {
            width: 1212px;
            height: 602px;
            padding: 54px 240px;
            background-color: #f4f7f9;
        }

        .socijob {
            width: 1212px;
            height: 72px;
        }

        .socijob span {
            display: block;
            font: 800 48px Microsoft Yahei;
            text-align: center;
            line-height: 72px;
        }

        .format {
            display: inline-block;
            width: 1312px;
            height: 422px;
            padding: 54px 0;
        }

        .jobcards {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
        }

        .jobcards li {
            width: 243.667px;
            height: 67.334px;
            padding: 28px 20px;
            border: 2px solid transparent;
            background: #fff;
            border-radius: 8px;
            transition: all 0.3s ease;
        }

        .jobcards li h3 {
            font-size: 20px;
            margin: 0 0 10px;
            font-weight: 700;
        }

        .jobcards li a {
            color: #646a73;
            font-weight: 700;
            text-decoration: none;
            font-size: 16px;
        }

        .jobcards li:hover {
            border-color: #409EFF;
        }

        .jobcards li:hover h3,
        .jobcards li:hover a {
            border: #409EFF;
            color: #409EFF;
        }

        .life {
            width: 1692px;
            height: 341px;
            padding: 60px 0;
        }

        .kllife {
            width: 1200px;
            height: 72px;
            margin: 0 auto;
            margin-bottom: 62px;
        }

        .kllife {
            font: 700 48px Microsoft Yahei;
            text-align: center;
        }

        .fparts {
            width: 1315px;
            height: 213.562px;
            margin: 0 auto;
        }

        .fparts li {
            float: left;
            width: 273px;
            height: 213.56px;
            margin-right: 55px;
        }

        .fparts li img {
            width: 100%;
        }

        .fparts li span {
            display: inline-block;
            width: 273px;
            height: 30px;
            font: bold 20px Microsoft Yahei;
            display: block;
            margin-top: 30px;
            text-align: center;
        }

        .end {
            width: 1692px;
            height: 184px;
            background-color: #2b2f39;
        }

        .address {
            width: 1200px;
            height: 120px;
            margin: 0 246px;
            padding: 32px 0;
        }

        .klshzp {
            float: left;
            width: 142.083px;
            height: 20px;
            padding: 16px;
            margin: 40px 80px;
        }

        .klshzp span {
            color: #fff;
            font: 20px Microsoft Yahei;
        }

        .cirlogo {
            float: left;
            width: 174.083px;
            height: 72px;
            margin: 40px 27.04px;
        }

        .cirlogo li {
            float: left;
            width: 32px;
            height: 32px;
            margin: 8px;

        }

        .cirlogo li img {
            border-radius: 50%;
            width: 32px;
            height: 32px;
            margin-top: 7px;
        }

        .website {
            display: flex;
            justify-content: center;
            align-items: center;
            float: left;
            width: 174.083x;
            height: 100px;
            margin: 15px auto;
            margin-left: 280px;
        }

        .website span {
            color: #fff;
            font: 20px Microsoft Yahei;
        }
    </style>
</head>

<body>
    <div class="cover">
        <div class="header">
            <div class="logo">
                <img src="kuro games.png" alt="">
            </div>

            <div class="nav">
                <ul>
                    <li><a href="库洛游戏招聘.html" class="bold">首页</a></li>
                    <li><a href="https://kurogame.jobs.feishu.cn/campus/" target="_blank">校园招聘</a></li>
                    <li><a href="库洛hire.html" target="_blank">社会招聘</a></li>
                    <li><a href="">|</a></li>
                    <li><a href="库洛enter.html" target="_blank">登录</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="intro">
        <div class="intro2">
            <div class="intro3">
                <div class="intro4">
                    <span>关于库洛</span>
                </div>
            </div>
            <div class="text">
                <p>
                    库洛游戏(KURO
                    GAMES)诞生于2014年，总部位于广州，致力于打造优质的互动娱乐体验，我们诞生在一个简单而纯粹的团队中，像一位质朴的攀登者，始终秉持着见证更好的信念，在未知中风霜不改地跨越重重高山。
                </p>
                <p>
                    十年路漫漫，库洛游戏完成了一个又一个艰难的挑战，经历了一次又一次成长和蜕变，终于在过程中孕育出了属于库洛的价值导向：通过传递“勇于挑战”的精神，希望让每个人都能突破自身的局限，不断成长，成就更好的自己。
                </p>
                <p>
                    目前，库洛游戏通过游戏研发及长线运营、全球化发行及原创IP孵化实现自我挑战和成长，旗下产品包括《战场双马尾》、《战双帕弥什》、《鸣潮》以及游戏IP衍生产品，海外发行覆盖日韩、东南亚、欧美等国家或区域。
                </p>
            </div>
        </div>
    </div>
    <div class="product">
        <div class="klpro w">
            <span>库洛产品</span>
        </div>
        <div class="box w">
            <ul>
                <li>
                    <img src="pro1.jpg" alt="">
                    <span>《战双帕弥什》：末世科幻题材3D动作游戏</span>
                    <span1>PUNISHING: GRAY RAVEN</span1>
                    <span2>| 游戏简介</span2>
                    <p>游戏设定在未来的 2079 年，讲述了曾经高度繁荣的人类文明遭受「帕弥什」病毒破坏，玩家化身为拯救者「指挥官」，带着人类文明最后的希望「构造体」，前往拯救地球的故事。</p>
                    <p>| 核心特色</p>
                    <p>以媲美主机游戏的打击感、爽快利落的战斗系统和动人心魄的剧情篇章，营造出身临其境的游戏氛围，精致且特别的角色设定与细节，彰显了独特的游戏风格，带玩家进入紧张刺激又充满幻想的科幻世界。</p>
                </li>
                <li>
                    <img src="pro2.jpg" alt="">
                    <span>《鸣潮》：开放世界动作游戏</span>
                    <span1>Wuthering Waves</span1>
                    <span2>| 游戏简介</span2>
                    <p>作为一款开放世界动作游戏，主打高自由度的动作战斗玩法与丰富多样的开放世界探索。玩家将作为经过漫长岁月沉睡之后苏醒的漂泊者展开冒险，并在找回记忆、寻找自我身份的同时结识共鸣者同伴，一起踏上跨越悲鸣的旅途。
                    </p>
                    <p>| 核心特色</p>
                    <p>高自由度战斗玩法&丰富叙事内容。玩家将作为经过漫长岁月沉睡之后苏醒的漂泊者，在新环境、新技术构成的广阔天地中展开冒险。</p>
                </li>
                <li>
                    <img src="pro3.jpg" alt="">
                    <span>《库街区》：库洛游戏官方玩家社区</span>
                    <span1> </span1>
                    <span2>| 产品介绍</span2>
                    <p>库街区是库洛游戏旗下的官方游戏社区，为《战双帕弥什》和《鸣潮》的游戏玩家提供资讯攻略、交流互动、实用工具、专属福利等服务。</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="job">
        <div class="socijob">
            <span>社招职位</span>
        </div>
        <div class="format">
            <ul class="jobcards">
                <li>
                    <h3>美术类</h3><a href="库洛hire.html" target="_blank">106个岗位 ></a>
                </li>
                <li>
                    <h3>策划类</h3><a href="库洛hire.html" target="_blank">41个岗位 ></a>
                </li>
                <li>
                    <h3>技术类</h3><a href="库洛hire.html" target="_blank">50个岗位 ></a>
                </li>
                <li>
                    <h3>营销类</h3><a href="库洛hire.html" target="_blank">37个岗位 ></a>
                </li>
                <li>
                    <h3>项管类</h3><a href="库洛hire.html" target="_blank">17个岗位 </a>
                </li>
                <li>
                    <h3>职能类</h3><a href="库洛hire.html" target="_blank">18个岗位 ></a>
                </li>
                <li>
                    <h3>音频类</h3><a href="库洛hire.html" target="_blank">6个岗位 ></a>
                </li>
                <li>
                    <h3>视频类</h3><a href="库洛hire.html" target="_blank">8个岗位 ></a>
                </li>
                <li>
                    <h3>运营类</h3><a href="库洛hire.html" target="_blank">16个岗位 ></a>
                </li>
                <li>
                    <h3>语言类</h3><a href="库洛hire.html" target="_blank">14个岗位 ></a>
                </li>
            </ul>
        </div>


    </div>
    <div class="life">
        <div class="kllife">
            <span>库洛生活</span>
        </div>
        <div class="fparts">
            <ul>
                <li><img src="relaxpart.jpg" alt=""><span>休闲区</span></li>
                <li><img src="workingpart.jpg" alt=""><span>工作区</span></li>
                <li><img src="exercisepart.jpg" alt=""><span>健身区</span></li>
                <li><img src="catpart.jpg" alt=""><span>喵喵工作区</span></li>
            </ul>
        </div>
    </div>
    <div class="end">
        <div class="address">
            <div class="klshzp">
                <span>库洛社会招聘</span>
            </div>
            <div class="cirlogo">
                <ul>
                    <li><img src="bilibili.png" alt=""></li>
                    <li><img src="wx.png" alt=""></li>
                    <li><img src="wb.png" alt=""></li>
                </ul>
            </div>
            <div class="website">
                <span>recruitment@kurogames.com</span>
            </div>
        </div>
    </div>

</body>


</html>